<template>
  <div class="container">
    <van-nav-bar fixed title="首页" />
    <!-- 轮播图 -->
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item v-for="item in list.banner" :key="item.id">
        <img class="banner-img" :src="'http://124.223.14.236:8060/'+item.advimgsrc" alt="" />
      </van-swipe-item>
      
    </van-swipe>
    <!-- 通知 -->
    <van-notice-bar
      left-icon="volume-o"
      text="在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。"
    />
    <!-- 热门推荐 -->
    <van-cell>
      <h3 slot="title" class="group-title">热门推荐</h3>
    </van-cell>
    <recommend-list />
    <!-- 最近更新 -->
    <van-cell>
      <h3 slot="title" class="group-title">最近更新</h3>
      <span>24小时： <b>0篇</b></span> /
      <span>1周： <b>0篇</b></span>
    </van-cell>
    <article-list />
  </div>
</template>
<script>
import articleList from "@/components/article-list.vue";
import RecommendList from "../components/recommend-list.vue";
import request from "../utils/request";
export default {
  components: { articleList, RecommendList },
  data() {
	return {
	list: []
	}
  },
  created () {
	this.getList();
  },
  methods: {
    async getList() {
      const {data} = await request.get("/index/index");
	this.list = data.data
    },
  },
};
</script>
<style scoped lang="less">
.banner-img {
  width: 100%;
}
.group-title {
  color: #1989fa;
}
</style>
